<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bootstrap Button Demo</title>
</head>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../bower_components/html5shiv/dist/html5shiv-printshiv.js"></script>
<![endif]-->
<!-- CSS -->
<link href="../bower_components/normalize-less/normalize.less" rel="stylesheet/less"/>
<link href="../bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet"/>
<link rel="stylesheet/less" type="text/css" href="Button.less">
<!-- CSS -->
<style type="text/less">
</style>
<body>

<h1>BootStrap Button Demo</h1>

<h2>Button Sizes</h2>

<button type="button" class="btn btn-block btn-lg btn-default">btn-lg</button>
<button type="button" class="btn btn-block btn-default">btn-normal</button>
<button type="button" class="btn btn-block btn-sm btn-default">btn-sm</button>
<button type="button" class="btn btn-block btn-xs btn-default">btn-xs</button>

<h2>Button Colors</h2>

<input type="button" value="btn-link" class="btn btn-lg btn-block btn-link"/>
<input type="button" value="btn-primary" class="btn btn-lg btn-block btn-primary"/>
<input type="button" value="btn-info" class="btn btn-lg btn-block btn-info"/>
<input type="button" value="btn-success" class="btn btn-lg btn-block btn-success"/>
<input type="button" value="btn-danger" class="btn btn-lg btn-block btn-danger"/>
<input type="button" value="btn-warning" class="btn btn-lg btn-block btn-warning"/>
<input type="button" value="btn-toolbar" class="btn btn-lg btn-block btn-toolbar"/>

<h2>Button Groups</h2>

<div class="btn-group btn-group-lg">
    <button type="button" class="btn btn-default">Left</button>
    <button type="button" class="btn btn-default">Middle</button>
    <button type="button" class="btn btn-default">Right</button>
</div>

<div class="btn-group">
    <button type="button" class="btn btn-default">Left</button>
    <button type="button" class="btn btn-default">Middle</button>
    <button type="button" class="btn btn-default">Right</button>
</div>

<div class="btn-group btn-group-sm">
    <button type="button" class="btn btn-default">Left</button>
    <button type="button" class="btn btn-default">Middle</button>
    <button type="button" class="btn btn-default">Right</button>
</div>

<div class="btn-group btn-group-xs">
    <button type="button" class="btn btn-default">Left</button>
    <button type="button" class="btn btn-default">Middle</button>
    <button type="button" class="btn btn-default">Right</button>
</div>

<div class="btn-group">
    <button type="button" class="btn btn-group-justified btn-default">Left</button>
    <button type="button" class="btn btn-default">Middle</button>
    <button type="button" class="btn btn-group-vertical btn-default">Right</button>
</div>

</body>
<!-- JS -->
<script type="text/javascript" src="../bower_components/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../bower_components/less.js/dist/less-1.5.1.min.js"></script>
<script type="text/javascript" src="../bower_components/modernizr/modernizr.js"></script>
<script type="text/javascript" src="../Bustling/js/Bustling_Grid.js"></script>
<!-- JS -->
<script type="text/javascript">
</script>
</html>